{% extends "base.html" %}
{% block header %}
    <h1>{% block title %}分类{% endblock %}</h1>
{% endblock %}

{% block user %}
    {% block username %}
        {{ username }}
    {% endblock %}
{% endblock %}

{% block content %}
    <div style="padding: 20px;">
        <div style="text-align: center;">
            <span style="font-size: 26px;">{{ table_name_ch }}</span>
            <button onclick="get_result()" type="button" class="btn btn-outline-primary btn-sm">查看数据</button>
        </div>
    </div>
    <div style="padding-top: 10px;">
        <form action="show_data/crud_result" method="POST" name="crud_query" enctype=multipart/form-data>
            <input name="db_name" type="hidden" value={{ table_name }}>
            <div class="container" style="width: 80%">
                <div class="row">
                    <div class="col-sm">
                        <select name="res1" class="selectpicker" title="公司" multiple data-live-search="true"
                                data-actions-box="true" data-live-search-placeholder="公司">
                            {% for eng, ch in cc_lst[0] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-sm">
                        <select name="res2" class="selectpicker" title="系统名称" multiple data-live-search="true"
                                data-actions-box="true" data-live-search-placeholder="系统名称">
                            {% for eng, ch in cc_lst[1] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-sm">
                        <select name="res3" class="selectpicker" title="测试结果" multiple data-live-search="true"
                                data-actions-box="true" data-live-search-placeholder="测试结果">
                            {% for eng, ch in cc_lst[2] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-sm">
                        <select name="res4" class="selectpicker" title="核数" multiple data-live-search="true"
                                data-actions-box="true" data-live-search-placeholder="核数">
                            {% for eng, ch in cc_lst[3] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
                <div class="row" style="padding-top: 20px">
                    <div class="col-sm">
                        <select name="res5" class="selectpicker" title="处理器" multiple data-live-search="true"
                                data-actions-box="true" data-live-search-placeholder="处理器">
                            {% for eng, ch in cc_lst[13] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-sm">
                        <select name="res6" class="selectpicker" title="处理器速度"
                                multiple
                                data-live-search="true" data-actions-box="true" data-live-search-placeholder="处理器速度">
                            {% for eng, ch in cc_lst[4] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-sm">
                        <select name="res7" class="selectpicker"
                                title="一级缓存"
                                multiple data-live-search="true" data-actions-box="true" data-live-search-placeholder="一级缓存">
                            {% for eng, ch in cc_lst[5] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-sm">
                        <select name="res8" class="selectpicker" title="二级缓存"
                                multiple data-live-search="true" data-actions-box="true" data-live-search-placeholder="二级缓存">
                            {% for eng, ch in cc_lst[6] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
                <div class="row" style="padding-top: 20px">
                    <div class="col-sm">
                        <select name="res9" class="selectpicker" title="三级缓存"
                                multiple data-live-search="true" data-actions-box="true" data-live-search-placeholder="三级缓存">
                            {% for eng, ch in cc_lst[7] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-sm">
                        <select name="res10" style="float:left;position: relative" class="selectpicker"
                                title="其他缓存" multiple data-live-search="true" data-actions-box="true" data-live-search-placeholder="其他缓存">
                            {% for eng, ch in cc_lst[8] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-sm">
                        <select name="res11" class="selectpicker" title="内存"
                                multiple
                                data-live-search="true" data-actions-box="true" data-live-search-placeholder="内存">
                            {% for eng, ch in cc_lst[9] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-sm">
                        <select name="res12" class="selectpicker" title="更新时间"
                                multiple data-live-search="true" data-actions-box="true" data-live-search-placeholder="更新时间">
                            {% for eng, ch in cc_lst[10] %}
                                <option value='{{ ch }}'>{{ eng }}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div>

    </div>

    <script type=text/javascript>
        function get_result() {
            document.crud_query.action = "/crud_result";
            document.crud_query.submit();
        }

    </script>
    {% block crud_result %}
    {% endblock %}
{% endblock %}